import classes from './LoginHeader.module.css'
import logo from './images/logo.jpg'

const LoginHeader = (props: any) => {
  return (
    <div className={classes.header}>
      <div className={classes.col}>
        <span
          className={classes.logo}
          onClick={() => {
            window.location.href = 'https://baidu.com'
          }}
          style={{         
            color: props.color,
          }}
          >
          {props.logo}
        </span>
        <span className={classes.loginText}>登录</span>
      </div>
      <div className={classes.col}>
        <div className={classes.chooseLanguage}>
          <span className={classes.languageText}>中国站</span>
          <span className={classes.chooseIcon}>V</span>
          <div className={classes.dropdownContent}>
            <a href="https://www.baidu.com/" target="_block">
              International
            </a>
          </div>
        </div>
      </div>
    </div>
  )
}

export default LoginHeader
